<%@ page language="java" import="java.util.*,cn.sypt.yuhao.domain.*"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/home/";
%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>我的评论</title>
    <meta charset="utf-8">
  
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
    <meta name="author" content="Muhammad Usman">

    <!-- The styles -->
    <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

    <link href="css/charisma-app.css" rel="stylesheet">
    <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
    <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
    <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
    <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
    <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
    <link href='css/jquery.noty.css' rel='stylesheet'>
    <link href='css/noty_theme_default.css' rel='stylesheet'>
    <link href='css/elfinder.min.css' rel='stylesheet'>
    <link href='css/elfinder.theme.css' rel='stylesheet'>
    <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='css/uploadify.css' rel='stylesheet'>
    <link href='css/animate.min.css' rel='stylesheet'>

    <!-- jQuery -->
    <script src="bower_components/jquery/jquery.min.js"></script>

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- The fav icon -->
    <link rel="shortcut icon" href="img/favicon.ico">

</head>

<body>
    <!-- topbar starts -->
    <%@include file="/home/head.jsp"%>
    <!-- topbar ends -->
<div class="ch-container">
    <div class="row">
        
        <!-- left menu starts -->
          <%@include file="/home/left.jsp"%>
        <!--/span-->
        <!-- left menu ends -->

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
            <div>
    <ul class="breadcrumb">
        <li>
            <a href="#">个人管理中心</a>
        </li>
        <li>
            <a href="#">数据可视化分析</a>
        </li>
    </ul>
</div>

<!-- 收藏的实验 -->
				<script type="text/javascript">
					$(function() {
						// Create the chart
						$('#container')
								.highcharts(
										{
											chart : {
												type : 'pie',
												options3d : {
													enabled : true,
													alpha : 45,
													beta : 0
												}
											},
											title : {
												text : '实验学科可视化分析'
											},
											subtitle : {
												text : '点击查看详情'
											},
											plotOptions : {
												pie : {
													allowPointSelect : true,
													cursor : 'pointer',
													depth : 35,
													dataLabels : {
														enabled : true,
														format : '{point.name}'
													}
												},
												series : {
													dataLabels : {
														enabled : true,
														format : '{point.name}: {point.percentage:.1f}%'
													}
												}
											},

											tooltip : {
												headerFormat : '<span style="font-size:11px">{series.name}</span><br>',
												pointFormat : '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b>个实验<br/>'
											},
											series : [ {
												name : '实验',
												colorByPoint : true,
												data : ${listchar}
											} ],
											drilldown : {
												series : ${listchar}
											}
										});
					});
				</script>


<div class="row">

    <div class="box col-md-12" style="width: 50%">
        <div class="box-inner">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-list-alt"></i> 收藏过的实验</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div id="container" style="height: 400px"></div>
            </div>
        </div>
    </div>
	
	<!-- 下载过的实验 -->
	<script type="text/javascript">
					$(function() {
						// Create the chart
						$('#container1')
								.highcharts(
										{
											chart : {
												type : 'pie',
												options3d : {
													enabled : true,
													alpha : 45,
													beta : 0
												}
											},
											title : {
												text : '实验学科可视化分析'
											},
											subtitle : {
												text : '点击查看详情'
											},
											plotOptions : {
												pie : {
													allowPointSelect : true,
													cursor : 'pointer',
													depth : 35,
													dataLabels : {
														enabled : true,
														format : '{point.name}'
													}
												},
												series : {
													dataLabels : {
														enabled : true,
														format : '{point.name}: {point.percentage:.1f}%'
													}
												}
											},

											tooltip : {
												headerFormat : '<span style="font-size:11px">{series.name}</span><br>',
												pointFormat : '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b>个实验<br/>'
											},
											series : [ {
												name : '实验',
												colorByPoint : true,
												data : ${listchar1}
											} ],
											drilldown : {
												series : ${listchar1}
											}
										});
					});
				</script>
	
    <div class="box col-md-12" style="width: 50%">
        <div class="box-inner">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-list-alt"></i> 下载过的实验</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div id="container1" style="height: 400px"></div>
            </div>
        </div>
    </div>
<!-- 评论的实验 -->
<script type="text/javascript">
					$(function() {
						// Create the chart
						$('#container2')
								.highcharts(
										{
											chart : {
												type : 'pie',
												options3d : {
													enabled : true,
													alpha : 45,
													beta : 0
												}
											},
											title : {
												text : '实验学科可视化分析'
											},
											subtitle : {
												text : '点击查看详情'
											},
											plotOptions : {
												pie : {
													allowPointSelect : true,
													cursor : 'pointer',
													depth : 35,
													dataLabels : {
														enabled : true,
														format : '{point.name}'
													}
												},
												series : {
													dataLabels : {
														enabled : true,
														format : '{point.name}: {point.percentage:.1f}%'
													}
												}
											},

											tooltip : {
												headerFormat : '<span style="font-size:11px">{series.name}</span><br>',
												pointFormat : '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b>个实验<br/>'
											},
											series : [ {
												name : '实验',
												colorByPoint : true,
												data : ${listchar2}
											} ],
											drilldown : {
												series : ${listchar2}
											}
										});
					});
				</script>
	
    <div class="box col-md-12" style="width: 70%">
        <div class="box-inner">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-list-alt"></i> 评论的实验</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div id="container2" style="height: 400px"></div>
            </div>
        </div>
    </div>
<div class="box col-md-4" style="width: 30%">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list-alt"></i> 学习建议</h2>

               
            </div>
            <div class="box-content">
                <p style="height: 400px">${msg3 }</p>

            </div>
        </div>
    </div>
</div><!--/row-->



<!-- chart libraries start -->
<script src="bower_components/flot/excanvas.min.js"></script>
<script src="bower_components/flot/jquery.flot.js"></script>
<script src="bower_components/flot/jquery.flot.pie.js"></script>
<script src="bower_components/flot/jquery.flot.stack.js"></script>
<script src="bower_components/flot/jquery.flot.resize.js"></script>
<!-- chart libraries end -->
<script src="js/init-chart.js"></script>

    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->

   

    <hr>

    <jsp:include flush="true" page="foot.jsp"></jsp:include>

   

</div><!--/.fluid-container-->

<!-- external javascript -->

<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='bower_components/moment/min/moment.min.js'></script>
<script src='bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="js/charisma.js"></script>
<!-- 图表 -->
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts-3d.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/drilldown.js"></script>
<!-- 图表 -->

  
 
</body>
</html>
